.el-pagination {
  --el-pagination-font-size: var(--el-font-size-small);
  --el-pagination-bg-color: transparent;
  --el-pagination-text-color: var(--el-text-color-secondary);
  --el-pagination-border-radius: 0;
  --el-pagination-button-color: var(--el-text-color-secondary);
  --el-pagination-button-width-small: var(--el-component-size-small);
  --el-pagination-button-height-small: var(--el-component-size-small);

  display: flex;
  justify-content: flex-end;
  margin: 16px auto;
}

.el-pagination .el-pagination__total,
.el-pagination .el-input__suffix,
.el-pagination .el-input__inner {
  font-size: 12px;
  color: var(--el-pagination-text-color);
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  background-color: transparent;
  border: 1px solid var(--el-border-color);
  border-radius: 0;
}

.el-pagination.is-background .el-pager li:not(.disabled):hover,
.el-pagination.is-background .el-pager li:not(.is-disabled).is-active {
  font-weight: normal;
  color: var(--el-color-primary);
  background-color: transparent;
  border-color: var(--el-color-primary);
}

.el-pagination.is-background .el-pager li.is-disabled,
.el-pagination.is-background .el-pager li.is-disabled:hover,
.el-pagination.is-background .el-pager li.is-disabled.is-active {
  font-weight: normal;
  color: var(--el-disabled-text-color);
  background-color: var(--el-disabled-bg-color);
  border-color: var(--el-disabled-border-color);
}

.el-pagination.el-select .el-input .el-select__caret {
  color: var(--el-text-color-secondary);
}

.el-pagination .el-pagination__jump {
  margin-left: 12px;
  color: var(--el-pagination-text-color);
}

.el-pagination .el-input--small {
  height: var(--el-pagination-button-height-small);
}

.el-select__popper .el-select-dropdown__item.hover {
  color: var(--el-color-white);
  background-color: var(--el-color-primary);
}
